


        .border i{
            position: absolute;
        }
        .border .hor{
            height: 2px;
            transition: width .3s;
            width: 0%;
        }
        .border .ver{
            width: 2px;
            transition: height .3s;
            height: 0%;
        }

        main .news{
            padding-top: 260px;
            padding-bottom: 150px;
            justify-content: space-between;

        }
        main .news .txt{
            margin-left: 16.66667%;
            width: 33.33333%;
            counter-reset: subsection;
        }
        main .news .txt .t{
            margin-top: 70px;
            line-height: 1.5;
            font-size: 18px;
        }
        main .news .categories{
            width: 16.66667%;
            margin-right: 16.66667%;
        }
        main .news .categories a{
            margin-left: -81px;
            padding-left: 81px;
            border: 2px solid #b2b2b2;
            margin-top: -2px;
            cursor: pointer;
            min-height: 180px;
            position: relative;
            transition: .3s border,color .3s;
        }
        main .news .categories a span{
            font-size: 24px;
            line-height: 24px;
        }
        main .news .categories a span:before{
            counter-increment: subsection;
            content: "0" counter(subsection);
            font-size: 40px;
            display: inline-block;
            vertical-align: bottom;
            height: 28px;
            margin-right: 12px;
        }
        main .news .categories a i{
            background: #6c98bd;
        }
        main .news .categories a .tp,
        main .news .categories a .lft{
            top:-2px;
            left:-2px;
        }
        main .news .categories a .btm,
        main .news .categories a .rht{
            bottom:-2px;
            right:-2px;
        }
        main .news .categories a .hor{
            height: 3px;
        }
        main .news .categories a .ver{
            width: 3px;
        }
        main .news .categories a:hover,
        main .news .categories a.active{
            border-color: #d3e0eb;
            color: #6c98bd;
        }
        main .news .categories a:hover .hor,
        main .news .categories a.active .hor{
            width: 115px;
        }
        main .news .categories a:hover .ver,
        main .news .categories a.active .ver{
            height: 115px;
        }

        main .newsList{
            padding: 0px 105px;
        }
        main .newsList .grid-sizer,
        main .newsList .grid-item{
            width: calc(25% - 45px / 4);
        }
        main .newsList .grid-item{
            transition: all .5s ease;
            background: #f8f7fa;
            padding: 0px 40px;
            padding-top: 70px;
            padding-bottom: 60px;
        }
        main .newsList .grid-item:nth-child(n+6){
            margin-top: 15px;
        }
        main .newsList .grid-item .newsTitle{
            font-size: 42px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            white-space: normal;
            word-break: break-all;
        }
        main .newsList .grid-item .date{
            font-size: 20px;
            color: #9091a2;
            margin-top: 15px;
        }
        main .newsList .grid-item .newsContent{
            font-size: 20px;
            margin-bottom: 50px;
            margin-top: 75px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            white-space: normal;
            word-break: break-all;
        }
        main .newsList .grid-item .pic img{
            width: 100%;
            height: auto;
            display: block;
        }
        main .newsList .grid-item>a{
            display: inline-flex;
            margin-top: 25px;
        }


        main .page{
            padding-top: 130px;
            padding-bottom: 90px;
        }
        main .page a{
            position: relative;
            height: 50px;
            line-height: 50px;
            width: 50px;
            margin: 0px 5px;
            font-size: 18px;
            text-align: center;
            border: 1px solid #999;
            transition-property: border,background,color;
            transition-duration: .5s;
            transition-timing-function: ease;
        }
        main .page .unable{
            pointer-events: none;
        }
        main .page a.current,
        main .page a:hover{
            border-color: #6c98bd;
            background: #6c98bd;
            color: #fff;
        }
        main .page .prev{
            margin-right: 50px;
        }
        main .page .next{
            margin-left: 50px;
        }
        main .page a img{
            opacity: 0;
            transition: opacity .5s;
        }
        main .page a .blk{
            opacity: 1;
        }
        main .page a:hover img{
            opacity: 1;
        }
        main .page a:hover .blk{
            opacity: 0;
        }

        main .contn{
            color: #333;
            padding-bottom: 150px;
            padding-top: 235px;
            text-align: center;
        }
        
        main .contn .content .newsTtl{
            font-size: 60px;
            letter-spacing: 3px;
            color: #1b232c;
        }
        main .contn .content .date{
            margin-top: 30px;
            color: #c1c1c1;
            font-size: 26px;
        }
        main .contn .content .pic{
            margin: 100px 0px;
        }
        main .contn .content .pic img{
            display: block;
            width: 100%;
            height: auto;
        }
        main .contn .content .txt{
            text-align: left;
            padding-bottom: 130px;
        }
        main .contn .content .txt p{
            font-size: 30px;
            line-height: 1.7;
            text-indent: 60px;
        }

        main .contn .prevOrNext{
            margin: 0px 115px;
            overflow: hidden;
            padding-top: 100px;
            border-top: 1px solid #000;
        }
        main .contn .prevOrNext p{
            width: 45%;
            font-size: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            white-space: normal;
            word-break: break-all;

        }
        main .contn .prevOrNext p a{
            transition: .3s ease color;
        }
        main .contn .prevOrNext p a:hover{
            color: #6c98bd;
        }
        main .contn .prevOrNext p:first-child{
            float: left;
            text-align: left;
        }
        main .contn .prevOrNext p:last-child{
            float: right;
            text-align: right;
        }
        main .contn>a{
            margin-top: 125px;
            display: inline-block;
            padding: 15px 75px;
            border: 2px solid #000;
            font-size: 16px;
            transition-property: background,color,border;
            transition-duration: .5s;
            transition-timing-function: ease;
        }
        main .contn>a:hover{
            border-color: #6c98bd;
            background: #6c98bd;
            color: #fff;
        }

        @media(max-width:1600px){
            main .news{
                padding-top: 200px;    
                padding-bottom: 110px;
            }

            main .newsList{
                padding: 0px 80px;
            }
            main .newsList .grid-item{
                padding: 0px 25px;
                padding-top: 50px;
                padding-bottom: 45px;
            }
            main .newsList .grid-item .newsTitle{
                font-size: 32px;
            }
            main .newsList .grid-item .date,
            main .newsList .grid-item .newsContent{
                font-size: 18px;
            }
            main .newsList .grid-item .newsContent{
                margin-top: 50px;
                margin-bottom: 35px;
            }


            main .page{
                padding-top: 100px;
                padding-bottom: 70px;
            }


            main .contn{
                padding-bottom: 110px;
                padding-top: 160px;
            }
            main .contn .content .newsTtl{
                font-size: 42px;
            }   
            main .contn .content .date{
                font-size: 18px;
                margin-top: 20px;
            }
            main .contn .content .pic{
                margin: 65px 0px;
            }
            main .contn .content .txt{
                padding-bottom: 95px;
            }
            main .contn .content .txt p{
                font-size: 18px;
                text-indent: 46px;
            }
            main .contn .prevOrNext{
                padding-top: 80px;
            }
            main .contn .prevOrNext p{
                font-size: 18px;
            }
            main .contn>a{
                padding: 12px 60px;
                margin-top: 80px;
            }
        }
        @media(max-width:1349px){
            main .newsList .grid-sizer,
            main .newsList .grid-item{
                width: calc(100% / 3 - 15px);
            }
            main .newsList .grid-item:nth-child(n+5){
                margin-top: 15px;
            }
        }
        @media(max-width:1200px){
            main .news{
                padding-top: 160px;    
                padding-bottom: 90px;
            }
            main .news .categories{
                display: none;
            }
            main .news .txt {
                width: 66.66667%;
            }
            main .news .txt .t{
                margin-top: 60px;
                font-size: 16px;
            }
        }
        @media(max-width:1024px){
            main .news{
                padding-top: 140px;    
                padding-bottom: 60px;
            }
            main .news .txt .t{
                margin-top: 50px;
                font-size: 14px;
            }
            main .newsList{
                padding: 0px 40px;
            }
            main .newsList .grid-sizer,
            main .newsList .grid-item{
                width: calc(50% - 45px / 2);
            }
            main .newsList .grid-item:nth-child(n+4){
                margin-top: 15px;
            }
            main .newsList .grid-item .newsTitle{
                font-size: 28px;
            }
            main .newsList .grid-item .date, 
            main .newsList .grid-item .newsContent{
                font-size: 16px;
            }
            main .newsList .grid-item .newsContent{
                margin-top: 40px;
                margin-bottom: 28px;
            }

            main .page{
                padding-top: 80px;
                padding-bottom: 60px;
            }
            main .page a{
                width: 40px;
                line-height: 40px;
                height: 40px;
                font-size: 16px;
            }
            main .page .prev{
                margin-right: 30px;
            }
            main .page .next{
                margin-left: 30px;
            }

            main .contn{
                padding-bottom: 90px;
                padding-top: 130px;
            }
            main .contn .content .newsTtl{
                font-size: 36px;
            }   
            main .contn .content .date{
                font-size: 18px;
            }
            main .contn .content .pic{
                margin: 50px 0px;
            }
            main .contn .content .txt{
                padding-bottom: 80px;
            }
            main .contn .content .txt p{
                font-size: 20px;
                text-indent: 40px;
            }
            main .contn .prevOrNext{
                margin: 0px 30px;
                padding-top: 60px;
            }
            main .contn .prevOrNext p{
                font-size: 15px;
            }
            main .contn>a{
                padding: 10px 40px;
                font-size: 14px;
                margin-top: 50px;
            }
        }

        @media(max-width:767px){
            main .news{
                padding-top: 120px;    
                padding-bottom: 50px;
            }
            main .news .txt .t{
                margin-top: 30px;
                font-size: 12px;
            }

            main .newsList{
                padding: 0px 25px;
            }
            main .newsList .grid-sizer,
            main .newsList .grid-item{
                width: 100%;
            }
            main .newsList .grid-item:nth-child(n+3){
                margin-top: 15px;
            }
            main .newsList .grid-item{
                padding: 0px 20px;
                padding-top: 40px;
                padding-bottom: 30px;
            }
            main .newsList .grid-item .newsTitle{
                font-size: 22px;
            }
            main .newsList .grid-item .date, 
            main .newsList .grid-item .newsContent{
                font-size: 14px;
            }
            main .newsList .grid-item .newsContent{
                margin-top: 20px;
                margin-bottom: 15px;
            }

            main .page a{
                width: 35px;
                line-height: 35px;
                height: 35px;
                font-size: 14px;
            }
            main .page .prev{
                margin-right: 15px;
            }
            main .page .next{
                margin-left: 15px;
            }

            main .contn{
                padding-bottom: 50px;
                padding-top: 110px;
            }
            main .contn .content .newsTtl{
                font-size: 28px;
            }   
            main .contn .content .date{
                font-size: 14px;
                margin-top: 10px;
            }
            main .contn .content .pic{
                margin: 30px 0px;
            }
            main .contn .content .txt{
                padding-bottom: 40px;
            }
            main .contn .content .txt p{
                font-size: 14px;
                text-indent: 28px;
            }
            main .contn .prevOrNext{
                padding-top: 30px;
                margin: 0px 15px;
            }
            main .contn .prevOrNext p{
                font-size: 12px;
                float: initial !important;
                width: 80%;
                margin-left: 20%;
                text-align:  right !important;
                margin-bottom: 10px;
            }
            main .contn>a{
                padding: 8px 35px;
                font-size: 12px;
                margin-top: 20px;
            }
        }